<template>
	<view>
		<u-navbar :border-bottom="false" title="弹框"></u-navbar>
		<view class="content">
			<!-- 正文内容 -->
			<view @click="gopopUp">打开弹框</view>
			<jc-popUp position="bottom" ref="pop1" closeIcon="true" iconSize="40" iconTop="20" iconLeft="45">
				<view style="width:100%;height:70%;background:#FFFFFF;position:absolute;bottom:0;right:0;">
					`````````````````````````````````````````·····································
					弹层宽、高、背景色 弹层在屏幕中的位置
				</view>
				
			</jc-popUp>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			gopopUp() {
				this.$refs.pop1.show();
			}
		}
	}
</script>

<style lang="less" scoped>

</style>
